.line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
/*公共样式开始*/
body,
html,
ul,
li,
div,
a,
span {
  margin: 0;
  padding: 0;
  color: #333;
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
  font-size: 0.512rem;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
a:link,
a:active {
  color: #333;
}
body,
html {
  width: 100%;
  height: 100%;
  background-color: #f6f4f4;
  margin:  0 auto;
}
/*清除浮动*/
.clearfix::before,
.clearfix::after {
  content: '';
  display: block;
  overflow: hidden;
  visibility: visible;
  height: 0;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.pull-left{
  float: left;
}
.pull-right{
  float: right;
}
a,
input,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
}

/******orderlist*****/
.order-list-title-fix{
  width: 100%;
  position: fixed;
  top: 0px;
  background: white;
}
.order-list-title div{
  width: 20%;
  margin-top: 0.384rem;
}
/*.order-list-title div:nth-child(1){*/
  /*margin-left:0.512rem;*/
/*}*/
.order-list-title div span{
  display: block;
  padding: 0.1rem 0rem;
   margin: 0 auto;
  text-align: center;
  width: 72%;
  padding-bottom:0.284rem;
  font-size: 0.68266667rem;
}
.order-list-title div .active{
  border-bottom: 2px  solid #22A0DC;
  color:#22A0DC;
}
.order-list-info{
  background: white;
  margin-top: 2rem;
  padding-top: 0.28rem;
}
.order-list-index  a{
  display: block;
}
.order-list-info .order-list-index div{
  width: 90%;margin: 0 auto;
  margin-top: 0.4693333rem;
}
.order-list-info .order-list-index div span{
  display: block;
}
.order-list-info .order-list-index div:nth-child(5),.order-list-info .order-list-index div:nth-child(3){
  width: 100%;
}
.order-list-info .order-list-index div:nth-child(3){
  margin-top: 0.81066667rem;
  border-bottom: 1px solid #d7d4d4;
  padding-bottom: 0.521rem;
 }
.bar_40{
  width: 100%;
  height: 0.8533334rem;
  background-color: #f6f4f4;
}
.order-list-info .order-list-index .order_status{  color:#22A0DC;}
.order-list-info .order-list-index div:nth-child(2) span{
  font-size: 0.5933333rem;
  color: #999;
  margin-right: 0.512rem;
}
.order-list-info .order-list-index div:nth-child(1) span{
  font-size: 0.68266667rem; ;
}
.order-list-info .order-list-index  .color_999{
  color: #999;
}
.order_status_change label{
  border-radius: 3px;
  padding:0.2rem  0.412rem;
  border: 1px  solid #333;;
  margin-left: 0.7rem ;
  font-size: 0.593333rem;
}
.order_status_change .active{
  border: 1px  solid #22A0DC;;
  background: #22A0DC;
  color: white;
}
.foot{
  width:100% ;
  padding-top:0.85333334rem ;
  background-color: #f6f4f4;
  padding-bottom: 0.42666667rem;
}
.foot div{
  width:100% ;
  text-align: center;
}
.foot div:nth-child(1){
  margin-bottom: 0.42666667rem;
  font-size: 0.59733333rem; ;
}
#paylayer{
  width:9.38666667rem ;
  height: 5.6533333rem;
 background-color: rgba(0,0,0,0.3);
}
.paylayer-title{
  width: 80%;
  height: 1.62133333rem;
  line-height: 1.62133333rem;
  text-align: center;
  margin:  0 auto;
  color: white;
  font-size: 0.554666667rem; ;
  border-bottom: 1px  solid  rgb(206, 206, 206);
}
/******orderinfo*****/
.order-info-all{
  background: white;
  width: 100%;
}
.order-info-all ul  li{
  padding-top: 0.384rem;
}
.order-info-all ul  .padding-top-0{
  padding-top: 0;
}

.order-info-status-change{
  width: 100%;
  position: fixed;
  bottom: 0;
  background: white;
  padding-bottom: 0.512rem;
  padding-top: 0.512rem;
}
.order-info-status-change label:nth-child(1){
  margin-right: 0.512rem;
}
.order-info-foot{
  margin-bottom:3rem;
  position: fixed;
  bottom: 0;
}
.order-info-foot div{
  color: #999;
}
.order-info-content-4,.order-info-content-3,.order-info-content-2,.order-info-content-1{
  width: 90%;margin: 0 auto;
}
.order-info-all ul  li   span{
  display: block;
  margin-bottom: 0.384rem;
  font-size: 0.5933333rem;
}
.order-info-content-1 div:nth-child(1){
  width: 60%;
  height: 2.944rem;
}
.order-info-content-1 div:nth-child(2){
  width: 30%;
  height: 2.944rem;
  text-align: center;
  line-height:3.944rem;
}
.base-color{
  color: #22A0DC;
}
.mar_left_12{
  margin-left: 0.512rem;
}
.mar_bottom_10{
  margin-bottom: 0.384rem;
}
.base-color-999{
  color: #999;
  font-size: 0.59333333rem; ;
}
.order-info-content-4 {
  padding-bottom: 0.384rem;
}
.order-info-content-1 div  span:nth-child(1){
  font-size: 0.68266667rem; ;
}
.order-info-content-1 div:nth-child(2) img{
  width: 1.6rem;
}

.order-info-content-2 div:nth-child(1){
  line-height:0.944rem;
  width: 5%;
}
.order-info-content-2 div img{
  width:0.49066667rem ;
}
/********QRcode******/
.code-1 {
  width: 100%;
  background: url("../images/code_bg.png");
  /*background-size:16rem auto;*/
  background-size: cover;
}
.code-content{
  text-align: center;
}
.code-content-1{
  width: 100%;
  height: 1.066666667rem;
  line-height:1.066666667rem;
  margin-bottom:0.21333333rem ;
}
.code-content-2,.code-content-4{
  height:6.016rem ;
  line-height:6.016rem ;
  font-size: 0.768rem;
}
.code-content-2 span,.code-content-3{
  font-size: 0.85333333rem;
}
.code-content-2 span:nth-child(1){
 color: #fd9c11;
}
.code-content-2 span:nth-child(2){
  color: #22a0dc;
}
.code-content-4 img{
  margin-top:1rem ; ;
  width: 4.181333333rem;
  line-height:6.016rem ;
}
.code-content-5 {
  font-size: 0.554666667rem;
}